/* pages/tabbar/my/index.wxss */
/* pages/tabbar/my/index.wxss */
.my-page {
  min-height: 100vh;
  background-color: #F6F6F6;
  padding-bottom: 40rpx;
  box-sizing: border-box;

  .user-header {
    position: relative;

    .bg {
      width: 750rpx;
      height: auto;
    }

    .con {
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 2;

      .nav {
        display: flex;
        flex-direction: column;

        .title {
          display: flex;
          align-items: center;
          justify-content: center;
          flex: 1;
          text-align: center;
          font-size: 41rpx;
          font-family: Source Han Sans CN;
          font-weight: 500;
          color: #FDFDFF;
        }
      }

      .userinfo {
        margin-top: 10rpx;
        display: flex;
        align-items: center;
        padding: 0 47rpx;

        .info {
          flex: 1;
          display: flex;
          align-items: center;

          .avatar {
            width: 112rpx;
            height: 112rpx;
            border-radius: 50%;
          }

          .user {
            margin-left: 20rpx;
            flex: 1;

            .username {
              font-size: 36rpx;
              font-family: Source Han Sans CN;
              font-weight: bold;
              color: #FAF9F9;
            }

            .more {
              margin-top: 9rpx;
              display: flex;
              align-items: center;

              .id {
                font-size: 25rpx;
                font-family: Source Han Sans CN;
                font-weight: 500;
                color: #F1F3F8;
              }

              .tag {
                margin-left: 14rpx;
                position: relative;
                display: flex;
                align-items: center;

                image {
                  width: 81rpx;
                  height: 35rpx;
                }

                &-num {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-size: 25rpx;
                  font-family: Source Han Sans CN;
                  font-weight: bold;
                  font-style: italic;
                  color: #FCECBC;
                }
              }
            }
          }
        }

        .icon {
          width: 45rpx;
          height: 43rpx;
        }
      }
    }
  }

  .qiye-card {
    position: relative;
    width: 689rpx;
    margin: -60rpx auto 0 auto;

    .bg {
      width: 689rpx;
      height: 149rpx;
    }

    .con {
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      box-sizing: border-box;
      padding-right: 43rpx;

      .cu-btn {
        background: linear-gradient(-90deg, #C57B04 0%, #CEA669 100%);
        font-size: 25rpx;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #FDFDFF;
        padding: 18rpx 34rpx;
        border-radius: 30rpx;
      }
    }
  }

  .shop-card {
    width: 690rpx;
    background: #FFFFFF;
    box-shadow: 0rpx 0rpx 35rpx 0rpx rgba(166, 165, 165, 0.23);
    border-radius: 20rpx;
    margin: 22rpx auto 0 auto;
    box-sizing: border-box;
    padding: 45rpx 45rpx 47rpx 45rpx;

    .title {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .name {
        font-size: 34rpx;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #323232;
      }

      .more {
        display: flex;
        align-items: center;
        font-size: 20rpx;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #A4A1A1;
      }
    }

    .row {
      display: flex;
      margin-top: 51rpx;

      .col {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        .icon {
          width: 70rpx;
          height: 70rpx;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        text {
          margin-top: 20rpx;
          font-size: 26rpx;
          font-family: Source Han Sans CN;
          font-weight: 400;
          color: #A49E9E;
        }
      }
    }
  }

  .enum {
    width: 690rpx;
    background: #FFFFFF;
    box-shadow: 0rpx 0rpx 35rpx 0rpx rgba(166, 165, 165, 0.23);
    border-radius: 20rpx;
    margin: 22rpx auto 0 auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 20rpx 0;

    .cu-btn {
      background-color: rgba(255, 255, 255, 0);
      margin: 0;
      padding: 30rpx 40rpx;
      display: flex;
      box-sizing: border-box;

      .icon {
        width: 45rpx;
      }

      .label {
        flex: 1;
        margin-left: 28rpx;
        text-align: left;
        font-size: 30rpx;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #323232;
      }
    }
  }
}